<template>
	<div class="header">
		<i class="iconfont" @click="last">&#xe625;</i>
		<h1>城市选择</h1>
		<ul>
			<li class="active">境内</li>
			<li>境外 港澳台</li>
		</ul>
	</div>
</template>
<script>
	export default{
		methods:{
			last(){
				this.$router.go(-1);
				// this.$router.push("/");
			}
		}
	}
</script>
<style scoped lang="stylus">
	@import '~@/assets/css/css.styl'
	.header{
		line-height: 0.68rem;
		background: $bgColor;
		position: relative;
	}
	.header i{
		vertical-align: middle;
		padding-left: 0.24rem;
		color:#fff;
		position: absolute;
		left:0;
	}
	.header h1{
		overflow: hidden;
	    margin: 0 1rem;
	    white-space: nowrap;
		line-height: 0.68rem;
	    text-overflow: ellipsis;
	    font-size: .32rem;
	    text-align: center;
	    color: #fff;
	}
	.header ul{
		font-size: 0.28rem;
		overflow:hidden;
		padding: .2rem 1rem;
		line-height: 0.4rem;
	}
	.header ul li{
	    width: 50%;
    	float: left;
    	text-align: center;
    	color: #fff;
    	border: 1px solid #fff;
    	box-sizing: border-box;
	}
	.header ul li.active{
		background-color: #fff;
    	color: #00bcd4;
	}
</style>